import { defineComponent } from 'vue'
import homeIcons from '../../assets'
import { LeftOutlined } from '@ant-design/icons-vue'

export default defineComponent({
  props: {
    type: {
      type: Number,
      default: 1
    }
  },
  setup(props) {
    return () => (
      <>
        <div class="w-full h-10 px-4 py-2  bg-white flex justify-between items-center">
          <span class=" text-[#48494d] text-base">
            <LeftOutlined />
            <span class="font-medium pl-3">图集名称</span>
          </span>
          <span>
            <img
              src={
                props.type === 1 ? homeIcons.top_like1 : props.type === 2 ? homeIcons.top_like2 : homeIcons.top_like3
              }
              alt=""
              class="w-6 h-6"
            />
            <img
              src={
                props.type === 1
                  ? homeIcons.top_collect1
                  : props.type === 2
                  ? homeIcons.top_collect2
                  : homeIcons.top_collect3
              }
              alt=""
              class="w-6 h-6 mx-6"
            />
            <img
              src={
                props.type === 1 ? homeIcons.top_share1 : props.type === 2 ? homeIcons.top_share2 : homeIcons.top_share3
              }
              alt=""
              class="w-6 h-6"
            />
          </span>
        </div>
      </>
    )
  }
})
